<template>
<div style="margin: 30px">
  <div class="box-text-1">
    <diV class="box-text-2">供应商名称:</diV><div><input v-model="suppliers" style="width: 300px" type="text"></div>
  </div>
  <div  class="box-text-1">
    <div  class="box-text-2">地址:</div><div><input v-model="address" type="text"></div>
  </div>
  <div class="box-text-1">
    <div  class="box-text-2">邮政编码:</div><div><input v-model="postalcode" style="width: 200px" type="text"></div>
  </div>
  <div class="box-text-1">
   <div class="box-text-2">联系电话:</div><div><input v-model="phone" type="text"></div>
  </div>
  <div class="box-text-1">
    <div class="box-text-2">传真号码:</div><div><input v-model="fax" type="text"></div>
  </div>
  <div class="box-text-1">
    <div class="box-text-2">开户银行：</div><div><input v-model="banks" type="text"></div>
  </div>
  <div class="box-text-1">
    <div class="box-text-2">银行账号：</div><div><input v-model="bankaccount" style="width: 150px" type="text"></div>
  </div>
  <div class="box-text-1">
    <div class="box-text-2">备注：</div><div> <textarea v-model="remarks" rows="4"></textarea></div>
  </div>
  <div style="width: 400px;text-align: center;margin-top: 20px">
    <el-button style="width: 70px;background: linear-gradient(paleturquoise,royalblue)" type="primary">提交</el-button>
    <el-button style="width: 70px;background: linear-gradient(paleturquoise,royalblue)" type="primary" @click="empty">重置</el-button>
  <el-button style="width: 70px;background: linear-gradient(paleturquoise,royalblue)" type="primary" @click="$router.push('/supplier')">返回</el-button>
  </div>
</div>
</template>

<script>
export default {
  name: "addsuppplier",
  data(){
    return{
      suppliers:"",
      address:"",
      postalcode:"",
      phone:"",
      fax:"",
      banks:"",
      bankaccount:"",
      remarks:"",
    }
  },
  methods:{
    empty(){
      this.suppliers="";
      this.address="";
      this.postalcode="";
      this.phone="";
      this.fax="";
      this.banks="";
      this.bankaccount="";
      this.remarks="";
    }
  }
}
</script>

<style scoped>
.box-text-2{
  width: 130px;
  text-align: right;
}
.box-text-1 div{
  display: inline-block;
  margin-top: 20px;
}
input{
  margin-left: 80px;
}
textarea {
  margin-left: 80px;
}
</style>